$(function() {
	$('#mytab').bootstrapTable({
		method : 'get',
		url : "/showItems",//请求路径
		striped : true, //是否显示行间隔色
		pageNumber : 1, //初始化加载第一页
		pagination : true,//是否分页
		sidePagination : 'client',//server:服务器端分页|client：前端分页
		pageSize : 5,//单页记录数
		pageList : [ 5, 10, 15, 20 ],//可选择单页记录数
		showRefresh : true,//刷新按钮
		clickToSelect: true,  //自动选中或取消复选框
		onClickRow:function (row,$element) {
				//window.location.href="/goItemDetail?id="+row.id;
				showDetail(row.id);
        },
		queryParams : function(params) {//上传服务器的参数
			var temp = {//如果是在服务器端实现分页，limit、offset这两个参数是必须的
				//limit : params.limit, // 每页显示数量
				//offset : params.offset, // SQL语句起始索引
				//page : (params.offset / params.limit) + 1, //当前页码 
	 
				Name : $('#search_name').val(),
				Tel : $('#search_tel').val()
			};
			return temp;
		},
		//只需加入下面这个checkbox，就会在第一列显示复选框
		columns : [ /*{
            checkbox: true  
        },*/
        {
			title : '商品id',
			field : 'id',
			align : 'center', 
			visible:false, 
		},
			{
			title : '商品名',
			field : 'title',
			align : 'center',
		}, {
			title : '商品图片',
			field : 'imgUrl',
			formatter: function (value, row, index) {
                var value='<img style="width:80px;height:auto" src="' + row.imgUrl + '" />';
				return value;
            },
		}, {
			title : '商品描述',
			field : 'description',
			align : 'center',
		}, {
			title : '商品价格',
			field : 'price',
			align : 'center',
		}, {
			title : '商品库存',
			field : 'stock',
			align : 'center',
		} , {
			title : '商品销量',
			field : 'sales',
			align : 'center',
		} , {
			title : '操作',
			width : 123,
			field : 'operate',
			align : 'center',
			formatter : function(value, row, index) {
                var value =
                "<a href='#'>查看详情</a>";
				return value;
			}
		} ]
	})
});

//查询按钮事件
$('#search_btn').click(function() {
	$('#mytab').bootstrapTable('refresh', {
		url : '/showItems'
	});
})


function showDetail(id){
	 layer.open({
			type : 2,
			title : '商品详情',
			maxmin : true,
			shadeClose : false, // 点击遮罩关闭层
			/*area : [ '850px', '550px' ],*/
           area: [ '50%', '95%' ],
			content :"/goItemDetail?id="+id+"&flag=2"
		});
}
function selMyOrder(){
    layer.open({
        type : 2,
        title : '我的订单',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        /*area : [ '850px', '550px' ],*/
        area: [ '50%', '95%' ],
        content :"/toMyOrder?flag=2"
    });
}